// ======================= 图片上传预览功能 =======================

// 获取文件输入框元素（<input type="file" id="avatar">）
const fileInput = document.getElementById("avatar");

// 给文件输入框绑定 change 事件（当用户选择文件时触发）
fileInput.addEventListener("change", function () {
  const file = this.files[0]; 
  if (file) { 
    const reader = new FileReader();

    // 文件读取完成后的回调函数
    reader.onload = function (e) {
      previewImage.src = e.target.result;     
      previewImage.style.display = "block";    
      noImage.style.display = "none";       
    };

    reader.readAsDataURL(file); // 将文件读取为 Data URL（base64 编码），适合预览图片
  } else {
    clearPreview(); 
  }
});

// 清空预览区域
function clearPreview() {
  previewImage.src = "";            
  previewImage.style.display = "none";
  noImage.style.display = "block"; 
}
